<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page session="false" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<jsp:include page="/WEB-INF/views/common/header.jsp" />

<link rel="stylesheet" href="<c:out value="${pageContext.request.contextPath}"/>/resources/common/bootstrap/css/bootstrap-datepicker.min.css">

<script type="text/javascript" src="<c:out value="${pageContext.request.contextPath}"/>/resources/js/repair_create_popup.js"></script>
<script type="text/javascript" src="<c:out value="${pageContext.request.contextPath}"/>/resources/common/bootstrap/js/bootstrap-datepicker.min.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$('#stored_date').datepicker({
			format: "yyyy-mm-dd",
			autoclose: true,
			todayHighlight: true
		})
	});
</script>

</head>
<body>
	<jsp:include page="/WEB-INF/views/main/menu.jsp" />
	<div class="container">
		<div class="page-header">
			<h3>수리완료 및 반품 입고처리</h3>
		</div>
		<form class="form-inline">
			<h4>입고처리구분</h4>
			<div class="row">
				<div class="col-sm-2">
					<div class="form-group form-group-sm">
						<label>
							<input type="radio" name="optionsRadios" id="repair_complete_stored" value="repair_complete" checked>
							&nbsp;수리완료품입고
						</label>	
					</div>
				</div>
				<div class="col-sm-2">
					<div class="form-group form-group-sm">
						<label>
							<input type="radio" name="optionsRadios" id="return_stored" value="return_stored" >
							&nbsp;반품입고
						</label>
					</div>
				</div>
			</div>
			<p />
			<div class="row">
				<div class="col-sm-6">
					<div class="form-group form-group-sm">
						<label class="control-label" for="stored_warehouse" style="width: 100px">입고창고</label> 
						<input type="text" class="form-control" id="stored_warehouse_code" size="18" readonly>
						<input type="text" class="form-control" id="stored_warehouse_name" size="30" readonly>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="form-group form-group-sm">
						<label class="control-label" for="repair_center" style="width: 100px">수리처</label> 
						<input type="text" class="form-control" id="repair_center_code" placeholder="수리처 코드" disabled>
						<div class="input-group">
							<input type="text" class="form-control" id="repair_center_name" placeholder="수리처 명" disabled> 
							<span class="input-group-btn"> 
								<input type="button" class="btn btn-primary btn-sm" id="repair_center_btn" value="선택" />
							</span>
						</div>
					</div>
				</div>
			</div>
			<hr />
			<p />
			<h4>입고처리정보</h4>
			<div class="row">
				<div class="col-sm-6">
					<div class="form-group form-group-sm">
						<label class="control-label" for="serial_no_scanning" style="width: 100px">Serial No.</label> 
						<input type="text" class="form-control" id="serial_no_scanning" size="59">
					</div>
				</div>
				<div class="col-sm-6">
					<div class="form-group form-group-sm">
						<label class="control-label" for="stored_date" style="width: 100px">입고일</label> 
						<div class="input-group date" id="stored_date">
  							<input type="text" class="form-control" size="52" disabled="disabled">
  								<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
						</div>
					</div>
				</div>
			</div>
			<p />
		<hr />
		<p />
		<h4>입고처리대상</h4>
		<div style="width: 24%; float: left; margin-right: 5px; ">
			<table data-toggle="table"
				<%-- data-url="<c:out value="${pageContext.request.contextPath}"/>/resources/test_data/data.json" --%>
				data-height="400" data-pagination="true" data-search="false">
				<thead>
					<tr>
						<th data-field="state" data-checkbox="true"></th>
						<th data-field="box_no" data-align="center">BOX No.</th>
						<th data-field="accept_department" data-align="center">접수부서</th>
						<th data-field="item_count" data-align="center">품목 수</th>
					</tr>
				</thead>
			</table>
		</div>
		<div style="width: 75%; float: left;">
			<table data-toggle="table"
				<%-- data-url="<c:out value="${pageContext.request.contextPath}"/>/resources/test_data/data.json" --%>
				data-height="400" data-pagination="true" data-search="false">
				<thead>
					<tr>
						<th data-field="state" data-checkbox="true"></th>
						<th data-field="check" data-align="center">체크</th>
						<th data-field="item" data-align="center">품목</th>
						<th data-field="serial_no" data-align="center">Serial No.</th>
						<th data-field="vendor_warranty" data-align="center">Vendor Warranty</th>
						<th data-field="repair_result" data-align="center">수리결과</th>
					</tr>
				</thead>
			</table>
		</div>
		<div class="row" style="clear: both;">
		<p />
			<div class="col-sm-3">
				<div class="form-group form-group-sm">
					<label class="control-label" for="box_no" style="width: 100px">BOX No.</label> 
					<input type="text" class="form-control" id="box_no" size="21">
				</div>
			</div>
			<div class="col-sm-3">
				<div class="form-group form-group-sm">
					<label class="control-label" for="total_count" style="width: 100px">총 수량</label> 
					<input type="text" class="form-control" id="total_count" size="21">
				</div>
			</div>
			<div class="col-sm-offset-4 col-sm-2">
				<a href=""><input type="button"
					class="btn btn-primary btn-sm btn-block" id="stored_btn" value="입고처리"></a>
			</div>
		</div>
		</form>
	</div>
	<div class="modal fade" role="dialog" id="modalDiv">
		<div class="modal-dialog">
			<div class="modal-content"></div>
		</div>
	</div>
</body>
</html>